<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html">
    <title>个人信息管理</title>
    <link rel="stylesheet" href="css/userInfo.css">
</head>
<body>
    <img id="background" src="images/background2.png">
    <div id="mainBody">
        <div id="title">个人信息</div>
        <div id="myForm">
            <div class="item text"> 姓名: <input type="text" name="name"/> </div>
            <div class="item"> 
                性别:
                <input type="radio" name="sex" value="man" id="man" checked="true" onclick="man" /><label for="man">男</label>
                <input type="radio" name="sex" value="woman" id="woman" onclick="woman" /><label for="woman">女</label>
            </div>
            <div class="item text"> 
                出生日期:
                <select name="year"></select>年
                <select name="month"></select>月
                <select name="day"></select>日
            </div>
            <div class="item text"> 手机号码: <input type="text" name="phoneNumber"/> </div>
            <div class="item text"> 家庭住址: <input type="text" name="address"/> </div>
            <div class="item text"> 职业: <input type="text" name="vocation"/> </div>
            <div class="item"> 
                过往病史:
                <textarea name="medicalHistory" cols="30" rows="5"></textarea> 
                <!-- <input type="text" name="medicalHistory"/>  -->
            </div>
            <div class="item"> 
                过敏史: 
                <textarea name="drugAllergy" cols="30" rows="5"></textarea> 
                <!-- <input type="text" name="drugAllergy"/>  -->
            </div>
            <button id="submit">提交</button>
        </div>
    </div>
    <div id="tabBar">
        <span class="item" name="userInfo"><span>个人信息</span></span>
        <span class="item"><span>位置信息</span></span>
        <span class="item"><span>其他功能</span></span>
        <span class="item" name="logout"><span>退出登录</span></span>
    </div>

    <div id="helper">
        <div id="first">个人信息填写</div>
        <div id="second">请按照个人实际信息进行填写这将对我们的后期援助提供一定的帮助</div>
        <div id="third"><img id="image" src="images/arrow.png"></div>
    </div>

    <script src="jquery-3.5.1.min.js"></script>
    <script src="js/userInfo.js"></script>
</body>
</html>